﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <h1>Instructions</h1>
    <h2> Configuration</h2>
   <ol>
       <li>On install, Message Designer add a script to RichEditor settings, allow it to accept HTML Style tags.</li>
       <li>Message Designer creates 3 default designs.</li>
       <li>On uninstall all designs are being removed from templates.</li>
   </ol>
    <h2>Create Design</h2>
    <ol>
        <li>Press Manage Designs (green button).</li>
        <li>
            My advice is to create a design using a third party templates like:
            <br />http://mailchimp.com/ and http://www.verticalresponse.com/
            <br />Copy the source and edit in HTML editor.
            <br />Make sure all images has absolute path.
        </li>
        <li>
            Important !!! Add the following code the body of the design:
            <code><br />
                &lt;div id="messageDesignerId"  &gt;<br />
                    DO NOT DELETE OR EDIT THIS DIV<br />
                    NOP CONTENT WILL BE PLACED HERE<br />
                &lt;/div&gt;<br />
            </code>
        </li>
        <li>Back to the plugin, press Add New.</li>
        <li>Editor -> Tools -> View Source.</li>
        <li>Past the code created in stage 2</li>
        <li>Same goes for each language, if needed.</li>
    </ol>
    <h2>Add Design to Template</h2>
    <ol>
        <li>
            General information
            <ol>
                <li>A design will be added to a template when both template and Design are existed.</li>
                <li>Create a design and template for each language if needed</li>
            </ol>
        </li>
        <li>
            Multiple Templates adding
            <ol>
                <li>Manage Designs</li>
                <li>Select a design and press edit</li>
                <li>Check templates and press Apply to selected</li>
            </ol>
        </li>
        <li>
            Add in template edit page
            <ol>
                <li>Content Management -> Message Template page</li>
                <li>Select template from the list and press edit</li>
                <li>New tab was added "Message Designer""</li>
                <li>Select a Design from the list</li>
            </ol>
        </li>
    </ol>
</body>
</html>